<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Document</title>
    </head>
    <body>
        <script>
            // for (let i = 1; i <= 16; ++i) {
            //     document.write(
            //         "<div style='color: rgb(" + i*15 + "," + i*15 + "," + i*15 + ");'>"
            //     );
            //     for (let j = 1; j <= 16; ++j) {
            //         document.write("*");
            //     }
            //     document.write("</div>");
            // }
            for (let i = 1; i <= 256; ++i) {
                document.write(
                    "<span style='color: rgb(" + i + "," + i + "," + i + ");'>"
                );
                document.write("*");
                document.write("</span>");
                if (i % 16 === 0) {
                    document.write("<br/>");
                }
            }
        </script>
    </body>
</html>
